<div id="header" style="">
    <a id="logo" style="margin-right: -135px; margin-top: 0;" href="index.php">
        <img src="<?php echo HOST_PATH; ?>public/images/logo-autumn.png" alt="logo" width="370"/>
    </a>

    <div id="p-toolbar">
        <div id="p-toolbar-content" class="p-toolbar-wrapper clearfix">
            <div class="p-toolbar-logo hidden">
                <a href="">
                    <img src="<?php echo HOST_PATH; ?>public/images/logo-small.png" alt="logo"/>
                </a>
            </div>
            <div class="p-search">
                <form action="timkiem.php" name="search_form" method="get">
                    <input type="text" name="hint_q" class="search-input cm-hint ac_input" autocomplete="off" id="main_search" value="tựa đề, tác giả, nxb..." onclick="select();" jqautocomplete="off"/>
                    <div class="v-line">
                    </div>
                    <select name="cid" class="search-filter">
                        <?php
                        foreach ($this->theloai1 as $items) {
                            ?>
                            <option value="<?php echo $items['matl1']; ?>"><?php echo $items['tentl1']; ?></option>
                        <?php } ?>
                    </select> 
                    <input type="hidden" name="page" value="1"/>
                    <input type="submit" class="search-submit" value="Tìm"/>
                </form>			
            </div>

            <script type="text/javascript">
                        $(function() {
                            $('body').append('<div id="lightbox"></div>');
                        });
                        function showcart() {
                            closetb();
                            $('#giohang').load('Ajax/GioHang.php');
                            $('#lightbox').css({'z-index': '1000'}).fadeIn(200);
                            $('#giohang').appendTo('#lightbox').show();
                        }
            </script>
            <div id="mini_cart">
                <div class="p-cart" style="cursor: pointer" onclick="showcart();">
                    <span class="p-button-cart-span">
                        <span class="p-text">Giỏ hàng</span> 
                        <span class="p-text-quantity">

                        </span> : 
                        <span class="p-text-total">
                            <span>&nbsp;VNĐ</span>
                        </span>
                    </span>
                </div>
            </div>


        </div>

    </div>
</div>

